<template>

  <div class="focusContainer">
      <!-- 新建列表 -->
      <router-link tag="div" to="/focus/group" class="addNew" >
              <yd-icon  name="addNew"  custom slot="icon" size=".32rem" color='#FFB36E'></yd-icon>
                <span>分组管理</span>
      </router-link>
      <!-- 列表 -->
    <yd-accordion>
        <yd-accordion-item v-for="(item,index) in list" :key="index" :title="item.title">
            <yl-list v-for="(lix,linxde) in item.member" :key="linxde" class="user">
                <img :src="lix.photo">
                <!-- <span>{{lix.name}}</span> -->
                <div class="mid">
                    <p>{{lix.name}}</p>
                    <span>{{lix.uMsg}}</span>
                </div>
            </yl-list>
        </yd-accordion-item>
    </yd-accordion>

  </div>
</template>
<script>
import ylList from '@/components/list'

export default {
    components:{
        ylList
    },
  data(){
      return{
          inputItem:{//弹出输入框
              cancel:this.cancel,
              show:false,
              title:"添加分组",
              holder:"请为新分组输入名称"
          },
          list:[
              {"title":"分组1",'member':[
                  {"name":"老大","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  {"name":"老二","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  {"name":"老三","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  ]},
              {"title":"分组2",'member':[
                  {"name":"老大","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  {"name":"老二","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  {"name":"老三","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  ]},
              {"title":"分组3",'member':[
                  {"name":"老大","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  {"name":"老二","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  {"name":"老三","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  ]},
              {"title":"分组4",'member':[
                  {"name":"老大","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  {"name":"老二","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  {"name":"老三","photo":"http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg","uMsg":"啊哈哈哈"},
                  ]},
          ]
      }
  },
  methods:{
      sure(){
          console.log(111)
      },

  },
  mounted(){

       }

}
</script>
<style lang="less" scoped>
@import "~less/base";
    .focusContainer{//容器
        .addNew{
            height: 1rem;
            line-height: 1rem;
            padding-left: .5rem;
            span{
                margin-left: .2rem;
                font-size: .32rem;
                color: @background-a
            }
        }
        .user{
            border-bottom:1px  solid #eee!important;
        }
    }
</style>
<style lang="less">
//    .yd-accordion-head:after{
//             border: 0!important;
//         }
//  .yd-accordion-head{
//         i{
//                 position: absolute;
//             }
//             .yd-accordion-title .yd-accordion-title-full{
//                 span{margin-left:20px;}
//             }
//  }
//   .yd-accordion-content:after{
//         border: 0!important;

//   }
</style>
